.grid-4 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
      column-gap: 20px;
      padding: 4px 10px;
      height: 80px;
     }
     .feature-item {
      padding: 5px 5px;
      margin: 2px 6px;
      display: flex;
      flex-direction: column;
      align-items: center;
      line-height: 1.6;
      border: 1px solid #fca311;
      border-radius: 4px;
    
     }
     .feature-item p {
      color: #14213d;
      line-height: 1.6;
      text-align: center;
      font-size: small;
     }
     .feature-item i {
      color: #fca311;
      font-size: 40px;
      margin-top: 8px;
     }
     .feature-item h3 {
      font-family: poppins, Arial, Helvetica, sans-serif;
      font-size: larger;
      font-weight: bolder;
      margin-bottom: 0px;
     }
     .container h2 {
      height: 80px; 
       text-align: center;
       align-items: center;
       font-family: poppins, Arial, Helvetica, sans-serif;
       color: #14213d ;
       font-weight: bolder;
       font-size: 16px;
     }